<template>
  <div>
    <!-- 
      自定义指令
      为什么要用自定义指令？答：当vue内置指令不够用的时候，就需要自定义指令了
      作用：可以获取标签，扩展功能
      自定义指令如何注册呢？
      答：
        全局（main.js中注册）： 
        Vue.directive("自定义指令名", {
          inserted(el){
            el: 表示使用指令时的标签
          }
        } )
        局部(组件中注册)：
        directives:{
          "自定义指令名": {
            inserted(el){
              el: 表示使用指令时的标签
            }
          }
        }
     -->
    <h1 v-color="color" v-fontSize>hello vue</h1>
  </div>
</template>

<script>
export default {
  data(){
    return {
      color: 'blue'
    }
  },
  // 局部指令 设置字体大小
  directives: {
    "fontSize": {
      inserted(el){
        el.style.fontSize = "50px";
      }
    }
  }
}
</script>

<style>

</style>